$(document).ready(function() {
     //tab切换
     $('.qh_title li').click(function(event) {
         $(this).addClass('qh_on').siblings('li').removeClass('qh_on');
     });
     //加载页
     $('#view').load('reference/code_view.html?v=1.1');
     $('.page01').click(function(){
        $('#view').load('reference/code_view.html?v=1.1');
     })
     $('.page02').click(function(){
        $('#view').load('reference/css_view.html?v=1.2');
     })
     $('.page03').click(function(){
        $('#view').load('reference/module_view.html?v=2.3');
     })
     $('.page04').click(function(){
        $('#view').load('reference/unit_view.html?v=2.3');
     })
     //折叠效果
     $('.qh_page').on('click','.zhedie_title',function(event) {
         $(this).addClass('zd_on');
         $(this).parent('li').siblings('li').find('.zhedie_title').removeClass('zd_on');
         $(this).next('.xmp_body').slideToggle();
         $(this).parent('li').siblings('li').find('.xmp_body').slideUp();
     });
});